
<template>
  <a-select
      v-model:value="props.value"
      placeholder="请选择图标"
      @change="handleSelectIcon"
  >
    <template v-for="(key,value,index) in icons" :key="key">
      <template v-if="value!='createFromIconfontCN' && value!='default' && value!='getTwoToneColor' && value!='setTwoToneColor'">
        <a-select-option :value="value" >
          <component :is="value"></component><span class="ml5">{{value}}</span>
        </a-select-option>
      </template>
    </template>
  </a-select>
</template>
<script setup lang="ts">
import * as icons from "@ant-design/icons-vue";

const props = defineProps(["value"])
const emits = defineEmits(["update:value"])
const handleSelectIcon = (e) => {
  emits("update:value",e)
}
</script>
<style scoped>

</style>